/*.enc{ font-family: 'Gotham-Book';}*/
.enx{ font-family: 'Gotham-Medium';}

/*外部英文字体*/
@font-face{
    font-family: 'Gotham-Book';
    src : url('../font/Gotham-Book.ttf');
}

@font-face{  
    font-family: 'Gotham-Medium';
    src : url('../font/Gotham-Medium.ttf');
}



img{width: 100%;}
.magt16{ margin-top: 20px; }
/* header */
.header-top{ background: url(../images/headertopbg.jpg) no-repeat center center; background-size: cover; padding: 25px 0; }
/*.header-top .header-top-right{ width: 520px; }*/
.header-top .header-top-right{ width: 410px; } 
/*.header-top .header-top-right .no-select-search{ width: 272px; }*/
.header-top .header-top-right .no-select-search{ width: 410px; }
.header-top .header-top-right .no-select-search input{ height: 42px;line-height: 42px; padding: 0 15px; }
.header-top .header-top-right .no-select-search input[type="submit"]{ position: absolute; right: 0; top: 0; width:70px; cursor: pointer; background: #e4393c; color: #fff; font-size: 16px; line-height: 36px;}
.header-top .header-top-right .oa-login{ height: 40px;line-height: 38px; background: #e4393c url(../images/oaicon.png) no-repeat 15px center; color: #fff; width: 120px; text-align: center; padding-left: 20px; margin-left:15px;}
.header-top .header-top-right .no-select-search input[type="submit"]:hover,.header-top .header-top-right .oa-login:hover{ opacity: 0.8; }
.header-top .header-top-right .old-login{ height: 40px;line-height: 38px; background: #e4393c; color: #fff; width: 100px; text-align: center; }

.m-header-top-right{ display: none; }
  
.header-content{ background: #e4393c; }
/*.header-content ul.primary-nav{position: relative;display: table;margin: 0 auto;text-align: center;}*/
.header-content ul.primary-nav li{float: left;}

ul.primary-nav li{ height: 56px; }
ul.primary-nav li a{ display: block; height: 56px; line-height: 56px; color: #fff; position: relative; text-align: center; margin: 0 20px;}
ul.primary-nav li a:after{ position: absolute; content: ''; left: 50%; bottom: 0; height: 4px; width: 0; background: #ffc000; display: block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s; }
ul.primary-nav li a.active:after{ width: 100%; left: 0; }
ul.primary-nav li a:hover:after{ width: 100%; left: 0; }
ul.primary-nav li a.active,ul.primary-nav li a:hover{font-weight: 700;}

ul.primary-nav li{ position: relative; }
ul.primary-nav li .two-menu{ position: absolute;width: 100%;z-index: 2; opacity: 0; height: 0;overflow: hidden;}
ul.primary-nav li:hover .two-menu{ opacity: 1; display: block; height: auto; }
ul.primary-nav li .two-menu a{background: #e4393c; height: auto; line-height: 1.9; padding: 10px 0;}
ul.primary-nav li .two-menu a:hover{ background: #ffc000;}
ul.primary-nav li .two-menu a:after{ background: none; }

.navigation.open {opacity: 0.99;visibility: visible;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;transition: opacity 0.5s; }
.nav-toggle{display:none; width: 50px; height: 50px; position: absolute; right: 3%; top: 15px; z-index: 5;}
.nav-toggle:before, .nav-toggle:after {border-radius: 50%;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;-moz-transform: translateZ(0);-ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-webkit-transition-property: -webkit-transform;transition-property: transform; }
.nav-toggle:before {background-color: #e4393c;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.nav-toggle:after {background-color: #e4393c;-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);-moz-transition-duration: 0s;-o-transition-duration: 0s;-webkit-transition-duration: 0s;transition-duration: 0s; }
.nav-toggle span {background-color: #fff;bottom: auto;display: inline-block;height: 3px;left: 50%;position: absolute;right: auto;top: 50%;width: 18px;z-index: 10;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.nav-toggle span:before, .nav-toggle span:after {background-color: #fff;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;-moz-transform: translateZ(0);-ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s; }
.nav-toggle span:before {-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-webkit-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg); }
.nav-toggle span:after {-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-webkit-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg); }
.nav-toggle.close-nav:before {-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0); }
.nav-toggle.close-nav:after {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); }
.nav-toggle.close-nav span {background-color: rgba(255, 255, 255, 0); }
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {background-color: #fff; }
.nav-toggle.close-nav span:before {-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg); }
.nav-toggle.close-nav span:after {-moz-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg); }

.header-content .back-home a{ position: absolute; right: 3%; top: 20px; height: 36px; line-height: 36px; background: #009f97; color: #fff; display: block; padding: 0 30px; border-radius: 30px; z-index: 3; }
.header-content .back-home a:hover{ opacity: 0.8; }


@media all and (max-width: 1281px) {
}
@media all and (max-width: 1025px) {
    .header-top{ padding: 15px 0; }
    .navigation{display: none;}
    .nav-toggle{display: block;}
    .header-top .header-top-right{ display: none; }
    .header.zk{position: fixed; z-index: 11;left: 0; top: 0; width: 100%;}

    .navigation.open{ display: block; background: #f3f3f3; position: fixed; z-index: 10; height:calc(100vh - 76px);width: 100%; left: 0;top: 76px; overflow-y: auto;}
    .header-content ul.primary-nav{display: block;padding:15px 15px 0 15px;}
    .header-content ul.primary-nav li{ width: 100%; height: auto; border-bottom: 1px solid #d7d2ca; }
    .header-content ul.primary-nav li a{ height: auto; line-height:3; color: #333; font-size: 18px; text-align: left; margin: 0; }
    ul.primary-nav li.active a:after{ width: 100%; left: 0;}
    ul.primary-nav li:hover a:after{ width: 100%; left: 0; }

    ul.primary-nav li:hover .two-menu{ opacity: 0; display: none; height: 0; }

    .m-header-top-right{ display: block; margin: 15px; }
    .m-header-top-right .no-select-search{ width:100%; position: relative;}
    .m-header-top-right .no-select-search input{ height: 42px;line-height: 42px; padding: 0 15px; }
    .m-header-top-right .no-select-search input[type="submit"]{ position: absolute; right: 0; top: 0; width:30%; cursor: pointer; background: #e4393c; color: #fff; font-size: 16px; line-height: 36px;}
    .m-header-top-right .oa-login{ display: block; height: 40px;line-height: 38px; margin-top: 15px; background: #e4393c url(../images/oaicon.png) no-repeat 40% center; color: #fff; width:100%; text-align: center; padding-left: 20px; }
}
@media all and (max-width: 530px) {
    .logo img{ height: 40px; }
    .header-top{ padding: 10px 0; }
    .header{ padding: 0; height: 60px;}

    .navigation.open{ top: 60px;height:calc(100vh - 60px); }
    .header-content a.logo{ width:160px;}
    .header-content a.logo img{width: 100%;}
    .nav-toggle{ width: 42px; height: 42px; top: 9px; }
    .magt16{ margin-top: 15px; }
}

/* header end */



.banner-content{ position: relative; }
.banner-content a{ display: block; }
.banner .flex-control-nav{ z-index: 2; height: 20px; display: none; }
.banner .flexslider .slides img{ height: 90px; width: 100%; object-fit: cover; }
.banner .flexslider .slides img.mo{display: none;}

/* index-news */
.index-news .index-news-left{ width: 53%;margin-right: 2%; }
.index-news .index-news-right{ width: 45%; }
.index-news .flex-control-nav{ z-index: 2; }
.index-news .flex-direction-nav a{ background: rgba(0, 0, 0, 0.5);top: 43%; }

.index-news .innew-content { position: relative; height: 350px;overflow: hidden; }
.index-news .innew-content .slider-nav { position: absolute; right: 10px; bottom: 10px; z-index: 10; font-size: 18px; color: #fff; }
.index-news .innew-content ul.innew-slider li a{ display: block; position: relative;}
.index-news .innew-content ul.innew-slider li a .pic{ overflow: hidden; }
.index-news .innew-content ul.innew-slider li a .pic img{ height:350px;object-fit: cover;}
.index-news .innew-content ul.innew-slider li a h2.title{ position: absolute; padding: 15px 65px 15px 15px;color: #fff; left: 0; bottom: 0; width: 100%; background:url(../images/hbg.png);overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.index-news .innew-content ul.innew-slider li a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}


.art-top a h3{ font-size: 21px; color: #333; font-weight: 700; margin-right: 20px; cursor: pointer; position: relative;}
.art-top a h3:after{ position: absolute;display:block; content: ''; right: -10px; top: 10px; width: 1px; height: 18px; background: #999999; }
.art-top a:last-child h3:after{ width: 0; }
.art-top a.active h3,.art-top a:hover h3{ color: #e4393c; }

.art-comment .artinfo-item{ display: none; }
.art-comment .artinfo-item a.news-more{ position: absolute; right: 0; top: 3px; margin-top: 0; font-size: 18px; color: #e4393c; }
.art-comment .artinfo-item a.news-more-m{ display: none; }
.art-comment .artinfo-item a{  color: #333;margin-top: 14px; display: block; }
.art-comment .artinfo-item a h2{font-size: 16px; font-weight: 400; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.art-comment .artinfo-item a h2 span{ color: #666; }
.art-comment .artinfo-item a:hover h2,.art-comment .artinfo-item a:hover h2 span{ color: #e4393c; }
@media all and (max-width: 530px) {
    .index-news .index-news-left{ width:100%;margin-right: 0; }
    .index-news .index-news-right{ width: 100%; margin-top: 15px; border-bottom: 1px #e0e0e0 solid; margin-bottom: 15px; }
    .index-news .innew-content{ height: auto; }
    .index-news .innew-content ul.innew-slider li a .pic img{ height:230px;object-fit: cover;}
    .index-news .innew-content ul.innew-slider li a h2.title{ font-size: 14px; padding:7px 60px 7px 10px; }
    .art-top a h3{ font-size: 18px; }
    .art-comment .artinfo-item a.news-more{ font-size: 16px; top: 0; display: none;}
    .art-comment .artinfo-item a{ margin-top: 13px; }
    .art-comment .artinfo-item a h2{ font-size: 15px; }
    .banner .flexslider .slides img.mo{ height: auto; display: block }
    .banner .flexslider .slides img.pc{ display: none; }
    .banner .flex-control-nav{ display: none; }
    .art-comment .artinfo-item a.news-more-m{ display: block; text-align: center; color: #e4393c; padding: 5px 0 15px 0; }
    .art-top{ background: #e4e5e6; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .art-top a{width: 50%; padding: 7px 0;}
    .art-top a.active{ background: #e4393c; border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .art-top a.active h3, .art-top a:hover{ color: #fff; }
    .art-top a h3{ margin-right: 0; text-align: center; }
    .art-top a h3:after{ display: none; }
    .index-news .innew-content .slider-nav{ bottom: 2px; }
}


/* index-quick */
/*.index-quick ul li .quick-content{ border-radius: 7px!important;height: 100px;line-height: 100px; position: relative; display: block; /*margin-top: 5px;*/}*/
/*.index-quick ul li .quick-content:hover{ background: #e4393c!important; }*/
/*.index-quick ul li .quick-content img{ position: absolute; left: 50px; top: 21px; width: 58px; height: 58px; }
.index-quick ul li .quick-content h2{ font-size:24px; line-height: 100px; text-align: center; color: #fff; padding-left: 60px; }*/

/*.index-quick ul li.oplin0 .quick-content{
    background:red; 
    background:linear-gradient(to right,#f84e49,#fe8859);
    background:-webkit-linear-gradient(to right,#f84e49,#fe8859);
    background:-moz-linear-gradient(to right,#f84e49,#fe8859);
}
.index-quick ul li.oplin1 .quick-content{
    background:red; 
    background:linear-gradient(to right,#849c4b,#8cb165);
    background:-webkit-linear-gradient(to right,#849c4b,#8cb165);
    background:-moz-linear-gradient(to right,#849c4b,#8cb165);
}
.index-quick ul li.oplin2 .quick-content{
    background:red; 
    background:linear-gradient(to right,#ec6b41,#f08e50);
    background:-webkit-linear-gradient(to right,#ec6b41,#f08e50);
    background:-moz-linear-gradient(to right,#ec6b41,#f08e50);
}
.index-quick ul li.oplin3 .quick-content{
    background:red; 
    background:linear-gradient(to right,#576bf0,#698bed);
    background:-webkit-linear-gradient(to right,#576bf0,#698bed);
    background:-moz-linear-gradient(to right,#576bf0,#698bed); 
}*/
.index-quick ul li .quick-content{ display: block; }
.index-quick ul li .quick-content .pic{position: relative; padding-bottom:35%; border-radius: 7px!important; overflow: hidden;}
.index-quick ul li .quick-content .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 4;object-fit: cover;}


@media all and (max-width: 1025px) {
   /* .index-quick ul li .quick-content{ border-radius: 7px!important;height: 80px;line-height: 80px; position: relative; display: block;}
    .index-quick ul li .quick-content:hover{ background: #e4393c!important; }
    .index-quick ul li .quick-content img{ position: absolute; left: 30px; top: 16px; width: 48px; height: 48px; }
    .index-quick ul li .quick-content h2{ font-size:20px; line-height: 80px; text-align: center; color: #fff; padding-left: 60px; } */
}
@media all and (max-width: 768px) {
    /*.index-quick ul li .quick-content img{ left: 15%; }*/
    .index-quick ul li{ margin-bottom: 16px;}
}
@media all and (max-width: 530px) {
    /*.index-quick ul li .quick-content img{ left: 50%;top: 15px; width: 30px; height: 30px; margin-left: -15px;}
    .index-quick ul li .quick-content h2{ font-size: 18px; padding-left: 0; line-height: 1; padding-top: 50px; }*/
    .index-quick ul li{ margin-bottom: 8px;}
    .index-quick{ margin-bottom: 10px; }
}
@media all and (max-width: 325px) {
   /* .index-quick ul li .quick-content h2{ font-size: 16px; }*/
}
/* index-quick end */

/* index-in-periodical */
.index-periodical{ padding-bottom: 20px; }
.index-top{ border-bottom: 1px #e0e0e0 solid; margin-top: 10px; }
.index-top h3.title{ display: inline-block; border-bottom: 2px #e4393c solid; font-size:21px; color: #333; padding:10px 25px 10px 35px; font-weight: 700; /*background: url(../images/icon1.png) no-repeat left center;*/ background-size:24px 24px; }

.in-periodical ul li a{ display: block; position: relative; border: 1px #e0e0e0 solid; margin-top: 16px; }
.in-periodical ul li a .pic{overflow: hidden;}
.in-periodical ul li a .pic img{ height:185px; object-fit: cover; }
.in-periodical ul li a h2.title{ position: absolute; left: 0; bottom: 0; width: 100%;background:url(../images/hobg.png); font-size: 16px; color: #fff; text-align: center; padding: 10px; }
.in-periodical ul li a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.in-periodical ul li a:hover h2.title{background:url(../images/hobg.png);}
@media all and (max-width: 530px) {
    .index-top{ margin-top: 0; }
    .in-periodical ul li a .pic img{ height: 115px; } 
    .in-periodical ul li a h2.title{ font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight: 400; padding: 7px 5px;}
    .index-top h3.title{ font-size:18px; background-size: 20px 20px!important; padding: 7px 20px 7px 30px;}
}
/* index-in-periodical end */

/* index-ewm */
.index-ewm{ background: #eeeeee; padding: 30px 0; }
/*ul.index-ewm-list{ margin-left: -40px; margin-right: -40px; }*/
ul.index-ewm-list{text-align:center;}
ul.index-ewm-list li{ width:11.1111%; display:inline-block; position:relative;}
ul.index-ewm-list li .index-ewm-content{width: 60px;height: 60px;background: #fbfbfb;border-radius: 50%; cursor: pointer;margin: 0 auto;}
ul.index-ewm-list li:last-child {margin-right: 0;}
ul.index-ewm-list li .index-ewm-content:hover{
    background: #f8e9ea;
    -webkit-box-shadow: 0 0 8px 5px rgba(228,57,60,0.1);
    -moz-box-shadow: 0 0 8px 5px rgba(228,57,60,0.1);
    -ms-box-shadow: 0 0 8px 5px rgba(228,57,60,0.1);
    -o-box-shadow: 0 0 8px 5px rgba(228,57,60,0.1); 
    box-shadow: 0 0 8px 5px rgba(228,57,60,0.1);
}
ul.index-ewm-list li .ewm {display: none;border-radius: 5px;position: absolute; left: 50%; padding: 5px; background: #fff; bottom: 70px;width: 180px; height: 180px; margin-left: -90px;}
ul.index-ewm-list li .ewm span {border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #fff; bottom: -10px;height: 0;left: 50%;margin-left: -10px;position: absolute; width: 0;}
ul.index-ewm-list li .ewm img { width: 100%;}

@media all and (max-width: 1025px) {
   ul.index-ewm-list{ margin-left: 0; margin-right: 0; } 
   ul.index-ewm-list li .ewm{width: 160px; height: 160px; margin-left: -80px;}
}

@media all and (max-width: 768px) {
    ul.index-ewm-list li .index-ewm-content{ width: 50px; height: 50px; }
    ul.index-ewm-list li .ewm{width: 120px; height: 120px; margin-left: -60px;}
}
@media all and (max-width: 530px) {
    ul.index-ewm-list li{ width: 25%; margin-bottom: 15px; }
    .index-ewm{ padding: 25px 0 10px 0; }
    /*.index-ewm{ display: none; }*/
}
/* index-ewm end */

/* footer */
.footer{ background: #e4393c;}
.footer .footer-top{ margin: 35px 0; position: relative; }
.footer .footer-top ul.footer-link{ padding-right:0; }

.footer .footer-top ul.footer-link li{ width: 19%; color: rgba(255, 255, 255, 1); }
.footer .footer-top ul.footer-link li.lin0{ width:9%}
.footer .footer-top ul.footer-link li.lin0 img{ width:auto; padding-top:7px}
.footer .footer-top ul.footer-link li.lin2{ width:34%; }
.footer .footer-top ul.footer-link li p{ margin: 0 10px 7px 0; font-size: 14px; word-wrap: break-word; }
.footer .footer-top ul.footer-link li a{ font-size: 14px;color: rgba(255, 255, 255, 1); }

.footer .footer-top ul.footer-link li h3.title{ font-size:18px; color: #fff; padding-bottom: 15px; }
.footer .footer-top .renzheng{ position: absolute; right: 0; width: 80px; top: 0; }
.footer .footer-bottom{ padding:15px 0; border-top: 1px #ef888a solid; overflow: hidden; font-size: 14px; color: rgba(255, 255, 255, .8); text-align: center;}
.footer .footer-bottom a{font-size: 14px; color: rgba(255, 255, 255, .8);}
.footer .footer-bottom a:hover{ color: #fff; }

.friendship{box-sizing: border-box;position: relative;width: 80%; margin-right: 15px; height: 32px; line-height: 32px; background: #fff; color: #333;}
.friendship .show{cursor: pointer;overflow: hidden; padding: 0 30px 0 15px; position: relative;}
.friendship .show .txt{color: #333;font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width: 100%;}
.friendship .show .ico{background:url("../images/jt.png") no-repeat scroll center center; position: absolute; right:10px; top: 0; width: 11px; height:32px; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1) 0s; transform: rotate(0);}
.friendship .show.active .ico{transform: rotate(180deg);}
.friendship .hide{background: url(../images/hbg.png);bottom: 32px;box-sizing: border-box;display: none; left: 0; position: absolute;right: 0; z-index: 10; max-height: 200px; overflow-y: auto;}

.friendship .hide a{box-sizing: border-box;color: #888; color: #fff; display: block; font-size: 14px;line-height: 32px; padding: 0 15px; position: relative; width: 100%;}
.friendship .hide a span{display: block; font-size: 14px;height: 100%;position: relative;transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1) 0s; width: 100%;z-index: 10;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.footer-mo-slider{ display: none; }

@media all and (max-width: 768px) {
    .footer .footer-top ul.footer-link li{ width: 50%; margin-bottom: 15px;}
    .footer .footer-top ul.footer-link li.lin1{ width: 50%; }
}
@media all and (max-width: 530px) {
    .footer-mo-slider{ display: block; }
    .footer .footer-top ul.footer-link{ padding-right: 0; }
    .footer .footer-top ul.footer-link li{ width: 100%; text-align: center; border-bottom: 1px #ef888a solid; padding-bottom: 10px;}
    .footer .footer-top ul.footer-link li.lin1,.footer .footer-top ul.footer-link li.lin2,.footer .footer-top ul.footer-link li.lin3{ display: none; width: 100%; }
    .footer .footer-top .renzheng{ position: static; margin: 0 auto;}
    .friendship{ margin-right: 0;width: 80%; margin-bottom: 10px; }
    .friendship .show .txt,.friendship .hide a span{ text-align: left; }
    .footer .footer-top ul.footer-link li h3.title{ padding-bottom: 10px; }
    .footer .footer-top ul.footer-link li p,.footer .footer-bottom a{ padding-right: 0; font-size: 12px; }
    .footer .footer-bottom{ font-size: 12px; }
    .footer .footer-top ul.footer-link li h3.title{ font-size: 17px; text-align: left; font-weight: 700;}
    .footer .footer-top{ margin-top: 20px; margin-bottom: 10px; }
    .mo-tab a{ width: 30%; color: #fff;font-weight: 700; font-size: 17px;}
    .mo-tab a p{ margin: 0; display: inline-block; }
    .mo-tab a.active p{ border-bottom: 2px #ffc000 solid; padding-bottom: 3px; margin-bottom: 7px; }
    .mo-item{ display: none; }
    .mo-item p,.mo-item a{ margin: 0; color: #fff; font-size: 14px;}
    .mo-comment{ margin: 7px 0; padding-bottom: 15px; }
}
/* footer end */

.padtb10{ padding: 10px 0; }
.crumbs-link,.crumbs-link a{ font-size: 16px; color: #666; }
.crumbs-link a:hover{ color: #e4393c; }

ul.periodical-list li a{ display: block;background: #f5f5f5; padding:25px; position: relative; margin-top:16px;}
ul.periodical-list li .pic{width: 22%; margin-right: 3%; overflow: hidden; border: 1px #e0e0e0 solid;}
ul.periodical-list li .pic img{ height: 189px;object-fit: cover; }
ul.periodical-list li a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
ul.periodical-list li .desc{ width: 70%; font-size:16px; height: 189px; position: relative;}
ul.periodical-list li .desc h2.title{ font-size: 20px; padding: 10px 0;}
ul.periodical-list li .desc .text{ color: #666;height: 109px; overflow: hidden;}
ul.periodical-list li .desc .more{ color: #e4393c; position: absolute; left: 0; bottom: 5px; padding-left: 23px; background:url(../images/linkicon.png) no-repeat left center; background-size: 16px 16px;}

.page-number{ margin: 30px 0; }
.page-number .pagination-list{ text-align: center; }
.page-number .pagination-list li{ font-size: 0;vertical-align: bottom; }
.page-number .pagination-list li{display: inline-block;text-align: center;}
.page-number .pagination-list li.disabled span,.page-number .pagination-list li:last-child a,.page-number .pagination-list li:first-child a{ font-size: 22px!important; line-height: 28px;font-style: normal;}
.page-number .pagination-list li a,.page-number .pagination-list li span{font-size: 14px; background: #fff; margin-right: 5px; border: 1px #bdbdbd solid; color: #333; height: 32px; min-width: 32px; padding: 0 5px; display: inline-block;text-align: center;line-height: 32px; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.page-number .pagination-list li.active a,.page-number .pagination-list li:hover a,.page-number .pagination-list li.active span{ background: #e4393c; color: #fff;  border: 1px #e4393c solid;}
.page-number .pagination-list li a i{ margin: 0; font-style: normal;}
.page-number .pagination-list li a i.fa{font-family: "FontAwesome"; display: inline-block;font-size:18px;color:#a1a1a1;}
.page-number .pagination-list li a i.fa-angle-left:before{ content: '\f104';}
.page-number .pagination-list li a i.fa-angle-right:before{content: '\f105';} 
.page-number .pagination-list li:hover a i.fa{ color: #fff; } 


@media all and (max-width: 530px) {
    ul.periodical-list li a{ padding: 10px; }
    ul.periodical-list li .pic{ width: 100%; margin-right: 0; }
    ul.periodical-list li .pic img{ height: auto; }
    ul.periodical-list li .desc{ width: 100%; height: auto; }
    ul.periodical-list li .desc h2.title{ font-size: 17px; }
    ul.periodical-list li .desc .text{ height: auto!important; font-size: 14px; }
    ul.periodical-list li .desc .more{ position: static; margin-top: 10px; font-size: 15px; }

    .page-number .pagination-list li a,.page-number .pagination-list li span{ height: 28px; min-width: 28px; line-height: 28px; margin-right: 0; margin-bottom: 5px; }
    .crumbs-link, .crumbs-link a{ font-size: 14px; }
    .page-number .pagination-list li.disabled span,.page-number .pagination-list li:last-child a,.page-number .pagination-list li:first-child a{ font-size: 22px!important; line-height: 24px;font-style: normal;}

}


.page-banner{ padding: 5px 0 10px 0; }
.page-tab{ margin-top: 10px; }
.page-tab ul.page-menu{ text-align: center;font-size: 0;  overflow-x: auto;white-space: nowrap; padding-bottom: 5px;}
.page-tab ul.page-menu li{ display: inline-block;}
.page-tab ul.page-menu li a{ display: block; padding:10px 25px; background: #e4393c; color: #fff;font-size: 16px; }
.page-tab ul.page-menu li.active a,.page-tab ul.page-menu li a:hover{ background: #ffc000; }

.page-details{ padding: 25px 0 30px 0; min-height: 300px; }
.page-details p{ margin: 0; text-indent: 2em; font-size:18px; color: #333; line-height: 1.8;}
.page-details p img{ padding: 15px 0; width: auto; max-width: 100%; margin: 0 auto; }

@media all and (max-width: 530px) {
    .page-details{ padding: 15px 0; }
    .page-details p{ font-size: 15px; }
    .page-tab ul.page-menu li a{ padding: 5px 15px; font-size: 15px; }
}


.page-content-details{ padding: 25px 0; }
.page-content-details .page-left{ width: 15%;margin-right: 3%; }
.page-content-details .page-right{ width: 82%; }

.page-content-details .page-right .page-details{ padding: 0 0 30px 0; }
.page-content-details .page-right .page-details h1{ font-size:24px; color: #333; text-align: center; }
.page-content-details .page-right .page-details p span{text-align: center; display: block; text-indent: 0; color: #666; }

ul.page-con-menu li a{display: block; background: #f7f7f7; color: #333; font-size: 20px; text-align: center; padding: 10px 0; border-bottom: 1px #fff solid;}
ul.page-con-menu li.active a,ul.page-con-menu li a:hover{ background: #e4393c; color: #fff; }

@media all and (max-width: 530px) {
    .page-content-details .page-left{ width: 100%;margin-right: 0; }
    .page-content-details .page-right{ width: 100%; }

    ul.page-con-menu{ overflow-x: auto;white-space: nowrap; padding-bottom: 5px; font-size: 0;}
    ul.page-con-menu li{ display: inline-block; }
    ul.page-con-menu li a{ font-size: 16px; padding: 5px 15px; }
    .page-content-details .page-right .page-details h1{ font-size: 20px; }
}



ul.ab-the-list li{ margin:20px 0; }
ul.ab-the-list li .pic{ width: 50%; position: relative; }
ul.ab-the-list li .desc{ width: 50%;display: flex;flex-direction: column;justify-content: center; padding: 0; }
ul.ab-the-list li .desc i{ width: 80px; height: 80px; background: #fabe00; color: #ffd; font-size: 40px; line-height: 80px; text-align: center; margin: 0; border-radius: 50%; }
ul.ab-the-list li .desc .text{color: #999;}

ul.ab-the-list li.even .pic{ float: left;}
ul.ab-the-list li.even .pic img{ padding-right: 20px; }
ul.ab-the-list li.even .desc{ float: right;padding:0 0 0 20px;}

ul.ab-the-list li.odd .pic{ float: right;}
ul.ab-the-list li.odd .pic img{padding-left: 20px;}
ul.ab-the-list li.odd .desc{ float: left;padding:0 20px 0 0;}

@media all and (max-width: 768px) {
    ul.ab-the-list li{ margin: 10px 0; }
    ul.ab-the-list li .pic{ width: 100%; }
    ul.ab-the-list li .desc{width: 100%; padding: 5%;}
    ul.ab-the-list li .desc{ height: auto; }
    ul.ab-the-list li .desc .text{ height: auto; }

    ul.ab-the-list li.even .pic img{ padding-right: 0;}
    ul.ab-the-list li.odd .pic img{ padding-left: 0; }
    ul.ab-the-list li.even .desc{ padding: 0; }
    ul.ab-the-list li.odd .desc{ padding: 0; }
    .ab-the-list{ padding: 15px 0; }
    ul.ab-the-list li .desc .text{ height: auto; }
    ul.ab-the-list li{ margin: 0; margin-bottom: 30px; }
    ul.ab-the-list li .desc .text{ padding-top: 15px; }
    ul.ab-the-list li:last-child{ margin-bottom: 0; }
}

.page-details-hu strong{ font-weight: 700; text-indent:0; display: block; font-size: 18px; padding-bottom: 10px; color: #333;}
.page-details-hu p{ color: #666; }

ul.honor-list li{ margin-bottom: 15px; }
ul.honor-list li h3.title{ font-size: 18px; text-align: center; padding: 5px 15px; }
ul.honor-list li:nth-child(4n+1){ clear: left; }
ul.honor-list li .pic{position: relative; padding-bottom:70%; background: #f5f5f5;}
ul.honor-list li .pic img{ width: auto; max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

@media all and (max-width: 768px) {
    ul.honor-list li:nth-child(2n+1){ clear: left; }
    ul.honor-list li h3.title{ font-size: 15px; padding: 5px;}
}

@media all and (max-width: 530px) {
    .page-details-hu strong{ font-size: 16px; }
} 


.news-center{ margin-top: 25px; }
.news-center p{ margin: 0; }

ul.news-list li a{ display: block; position: relative; padding: 20px; padding: 20px 10% 20px 0; border-bottom: 1px #f0f0f0 solid;}
ul.news-list li .icon{ width: 40px; position: absolute; right: 0; top: 50%; margin-top: -40px; transform: rotate(-45deg); }
ul.news-list li a:hover .icon{ transform: rotate(0deg); }

ul.news-list li .desc{ position: relative; padding-left: 6%; }
ul.news-list li .desc:after{display: block; content: ''; position: absolute;left:0; top: 50%; width: 2px;height: 0; background: #e4393c;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
ul.news-list li a:hover .desc:after{ top: 0; height: 100%; }
ul.news-list li .desc .title{ font-size: 16px; padding-bottom: 10px;}
ul.news-list li .desc .text{ font-size:14px; color: #999999 ; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
ul.news-list li .desc .tage-nav{ padding-top: 10px; }
ul.news-list li .desc .tage-nav .tage{ font-size: 16px; display: inline-block; border: 1px #999999 solid; color: #999;padding: 0 7px; } 
ul.news-list li .desc .tage-nav span.time{ color: #666; font-size: 16px; background: url(../images/time.png) no-repeat left center; background-size:14px 14px; padding-left: 20px; }

ul.news-list li a:hover .desc .tage-nav .tage{ color: #e4393c; border: 1px #e4393c solid;}

@media all and (max-width: 530px) {
    ul.news-list li .desc .text{ height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    ul.news-list li .desc .tage-nav .tage{ font-size: 14px; }
    ul.news-list li .desc .tage-nav span.time{ font-size: 14px; }
    ul.news-list li .icon{ display: none }
    ul.news-list li a{ padding-right: 0; }
    ul.news-list li .desc{ padding-left: 0; }
    ul.news-list li a:hover .desc:after{ height: 0; }
    .news-center{ margin-top: 0; }
} 

.padr5{ padding-right: 5%; }
.news-view-content{ padding: 25px 0 0 0; }
/*.news-view-content .newsview-left{ width: 75%;margin-right: 4%; border-right: 1px #f0f0f0 solid;}*/
.news-view-content .newsview-left{ width: 100%;}
.news-view-content .newsview-right{ width: 21%; display:none; }
.news-view-content .newsview-left h1.title{ font-size:24px; color: #333; text-align: center; line-height: 40px;}
.news-view-content .newsview-left .ztitle{ font-size:18px; color: #555; text-align: center;}
.news-view-content .newsview-left .ftitle{ font-size:16px; color: #777; text-align: center;}
.news-view-content .detail-share{ border-bottom: 1px #f0f0f0 solid; padding: 20px 0 20px 0; font-size:14px; color: #666;}
.news-view-content .detail-share span{display: inline-block;font-size: 14px;padding-right: 15px; padding-top: 6px;}

.news-view-content .detail-share .social-share{ font-size: 14px; -webkit-text-stroke-width: 0;}
.news-view-content .detail-share .social-share .social-share-icon{ line-height: 28px!important; }
.news-view-content .detail-share .social-share .icon-wechat .wechat-qrcode .help p{ font-size: 12px; }

/*.news-view-content .page-details p{ font-size: 14px; }*/
.news-view-content .prev-next{border-top: 1px #f0f0f0 solid; padding-top: 15px;padding-bottom: 15px;}
.news-view-content .prev-next a{ display: block; padding: 5px 0;}
.news-view-content .prev-next a span{ color: #666; }

.newsview-right h3.title{ font-size: 21px; font-weight: 700; color: #333; margin-bottom: 10px;}

.newsview-right a{ display: block; padding: 15px 0;border-bottom: 1px #f0f0f0 solid; }
.newsview-right a h2.title{ font-size: 16px; color: #333; padding-bottom: 5px; font-weight: 400; }
.newsview-right a span.time{ font-size: 16px; color: #999; }
.newsview-right a:hover h2.title{ color: #e4393c; }



@media all and (max-width: 530px) {
    .padr5{ padding-right: 0; }
    .news-view-content .newsview-left{ width: 100%;margin-right: 0; border-right: none;}
    .news-view-content .newsview-right{ width: 100%; padding-top: 15px; border-top: 1px #f0f0f0 solid; }
    .newsview-right h3.title{ font-size: 18px; }
    .news-view-content .newsview-left h1.title{ font-size:20px; text-align: center;}
    .news-view-content .newsview-left .ztitle{ font-size:17px;}
    .news-view-content .newsview-left .ftitle{ font-size:15px;}
    .news-view-content .detail-share{ padding: 10px 0; text-align: center; }
    .news-view-content .detail-share span{ padding: 2px 5px; font-size: 12px;}
    .news-view-content .detail-share .det-r{ display: none }
    .news-view-content .prev-next a{ display: block; padding: 5px 0; font-size: 14px;}
    .news-view-content .prev-next a span{ font-size: 14px; }
    .newsview-right a h2.title{ font-size: 15px; }
    .newsview-right a span.time{ font-size: 14px; }
    .newsview-right h3.title{ margin-bottom: 0; }
}

ul.periodical-list li .desc .text p{ margin: 0; }
ul.sub-list{ margin-bottom: 50px; }
ul.sub-list li .desc .text{ height: auto; }
ul.sub-list li .pic{ width: 31%;margin-right: 2%;border: none;}
ul.sub-list li .pic img{ height: auto; }
ul.sub-list li .desc{ height: auto; width: 67%; }
ul.sub-list li .desc p{ text-indent: 2em; }
ul.sub-list li .desc h2.title{ border-bottom: 1px #e8e8e8 solid;margin-bottom: 10px; padding-top: 0;}

@media all and (max-width: 530px) {
    ul.sub-list li .pic{ width: 100%;margin-right: 0;border: none;}
    ul.sub-list li .desc{ height: auto; width: 100%; }
    ul.sub-list li .desc h2.title{ padding-top: 15px; }
    ul.sub-list li .desc{ padding-bottom: 10px; }
    ul.sub-list{ margin-bottom: 25px; }
}


/* 新增首页修改样式 */
.party-building-pic img{ width: auto; margin: 15px auto; }
.index-center-body .new-index-content{ background: #fff; padding-bottom: 35px; max-width: 1260px; margin: 0 auto;}
.index-center-body .new-index-content .header-top{ background: none; }
.index-center-body .header-content{ background: none; }
.index-center-body .header-content .navigation{ background: #e4393c; }


@media (max-width: 1369px){
    .index-center-body .new-index-content{max-width: 1200px;}
}
@media (max-width: 1280px){
    .index-center-body .new-index-content{max-width: 1000px;}
}


@media (max-width: 1025px){
    .party-building-pic{ display: none; }
    .index-center-body .new-index-content .header-top{ background: url(../images/headertopbg.jpg);}
    .index-center-body .new-index-content{ padding-bottom: 0; }
    .index-center-body .header-content .navigation.open{ background: #fff!important; }
}